  <template>
    <span>{{sum}}</span> <br>
    <button @click="sum++">+1</button>
    <hr>
    <h2>当前鼠标坐标：X:{{point.x}},Y:{{point.y}}</h2>
  </template>
  
  <script>
  import {ref} from 'vue'
  import usePoint from '../hooks/usePoint'
  export default {
    name: 'App',
    setup(){
      let sum = ref(0);
      let point = usePoint()

      return {
        sum,
        point
      }
    },
   
  }
  </script>
  
  <style>
  
  </style>
  